<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
            <title></title>
            <style type="text/css">
                .wrapper {
                    display: grid;
                    grid-template-columns: 100px 100px 100px;
                    grid-template-rows: 100px 100px 100px;
                }
                
                .list {
                    background: #eee;
                }
                
                .list:nth-child(odd) {
                    background: #999;
                }
            </style>
    </head>
    <body>
        <div class="wrapper">
            <div class="list list1">
                1
            </div>
            <div class="list list2">
                2
            </div>
            <div class="list list3">
                3
            </div>
            <div class="list list4">
                4
            </div>
            <div class="list list5">
                5
            </div>
            <div class="list list6">
                6
            </div>
            <div class="list list7">
                7
            </div>
            <div class="list list8">
                8
            </div>
            <div class="list list9">
                9
            </div>
        </div>
    </body>
</html>
